<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
<link type="text/css" href="../css/main.css" rel="Stylesheet" />
<link rel="stylesheet" href="../layui/css/layui.css">
<link rel="stylesheet" href="../css/lc.css">
<link type="text/css" href="../css/jquery-ui.min.css" rel="Stylesheet" />
<link type="text/css" href="../css/ystep.css" rel="Stylesheet" />
<link type="text/css" href="../css/jquery-ui.min.css" rel="Stylesheet" />
<link type="text/css" href="../css/bootstrap.min.css" rel="Stylesheet" />
<link href="../css/bootstrap-select.css" rel="stylesheet">
<title>我的首页</title>
<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="../js/json2.js" ></script>
<script type="text/javascript" src="../js/RxWindow.js" ></script>
<script type="text/javascript" src="../js/JyyLoading.js"></script>
<script type="text/javascript" src="../js/interface.js" ></script>
<script type="text/javascript" src="../js/main.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
<script type="text/javascript" src="../js/ystep.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
<script type="text/javascript" src="../../utils/CommonUtil.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-select.js"></script>
<style type="text/css">
.layui-nav {
    position: relative;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
    right: 11px;
}
.btnomarl{
	border:1px solid black;
	width: 100px;
    background-color: white;
    color: black;
    font-size:14px;
}
.btclicked{
	border:1px solid black;
	width: 100px;
    background-color: #557DFF;
    color: white;
    font-size:14px;
}
.btnomarl:hover{
	border:1px solid black;
	width: 100px;
    background-color: #557DFF;
    color: white;
    font-size:14px;
}
.btnomarls{
    background-color: #557DFF;
    color: white;
    font-size:14px;
}

.layui-btn-group .layui-btn:first-child {
    border-left: black;
    border-radius: 1px 1px 1px 1px;
}
.layui-btn-group .layui-btn {
    border-left: 1px solid black; 
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #557DFF;
}
.layui-elem-field div {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 22px;
    font-weight: 400;
}
.layui-field-title {
    margin: 0px -12px 3px;
    border-width: 0px 0px 0px;
}
.gopt_select {
	position:absolute;
	top:0px;
	height: 38px;
	border:0px;
	color: #333333;
	text-align: left;
	outline: none;
	background: #ffffff;
}
.gopt_select_edit {
	position:absolute;
	width:350px;
	height: 40px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.gopt_select_corner {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.gopt_edit_input{
	top: 0px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	initPage();
});
</script>
</head>
<body >
	<div id="viewPanel" style="position:absolute;top:0px;left:0px;width: 100%;height: 100%;overflow: hidden;background:#eeeeee;min-width: 1260px;">
		<div id="header" style="position:absolute;top:0px;left:0px;height:260px;width:100%;background-image:url(../images/header_bg.png);background-size: cover;">
			<div id="menuPanel" style="position:absolute;top:61px;left:0px;bottom:0px;right:0px;">
				<div style="position:absolute;top:15px;left:0px;height:120px;right:0px;text-align:center;">
					<div style="position:relative;width:120px;height:120px;display:inline-block;">
						<div style="position:absolute;top:0px;left:0px;width:120px;height:120px;border:0px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;background:#202023;"></div>
						<div style="position:absolute;top:0px;left:0px;width:120px;height:120px;background:url(../images/header_personal.png) no-repeat;"></div>
					</div>
				</div>
				<div style="position:absolute;top:149px;left:0px;height:50px;right:0px;text-align:center;">
					<div style="position:relative;width:610px;height:50px;display:inline-block;">
						<div id="menuProject" class="gopt_menu" onclick="onMenuClick(0)">全部工程</div>
						<div id="menuProjectIcon" class="gopt_menu_icon"></div>
						<div id="menuSquare" class="gopt_menu" style="top:0px;left:265px;"onclick="onMenuClick(3)">仿真广场</div>
						<div id="menuHots" class="gopt_menu" style="top:0px;left:530px;"onclick="onMenuClick(4)">热点动态</div>
					</div>
				</div>
			</div>
		</div>
		<div id="mainFrame" style="position:absolute;top:60px;bottom:0px;height: 99%;width: 100%;background:#F4F4F4;">
			<iframe id="mainFrames" src="" frameborder="0" style="height: 99%;width: 100%;background:#F4F4F4;" ></iframe> 
		</div>
		<div id="body" style="position:absolute;top:260px;bottom:0px;left:0px;right:0px;background:#ffffff;">
			<div id="modelPanel" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow:hidden;overflow-y:auto;display:inline;">
			
			
			</div>
			<div id="projectPanel" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#ffffff;display:none">
				<div id="btnSearch" class="gopt_edit gopt_big_corner" style="position:absolute;top:30px;left:300px;width:584px;">
					<input class="gopt_edit_input" type="text" style="width:551px;"/>
					<div class="gopt_edit_tip" style="width:624px;">搜索工程文件</div>
					<div class="gopt_edit_btn"></div>
				</div>
				<div   style="position:absolute;top:35px;left:73%;width:400px;height: 40px;">
					 <div class="layui-btn-container">
					  <button type="button" id='newPro' class="layui-btn layui-btn-sm btnomarls" style="display: inline;"><i class="layui-icon"></i>新建项目</button>
					<div class="layui-btn-group">
					  <button type="button" id='kapian' class="layui-btn layui-btn-sm btclicked"  style="border: 1px solid #6bbde4;border-right: none;">卡片</button>
					  <button type="button" id='liebiao' class="layui-btn layui-btn-sm btnomarl"  style="border: 1px solid #6bbde4;border-left: none;">列表</button>
					</div>
					</div> 
				</div>
				<div id="projectListPanel" style="position:absolute;top:80px;left:160px;right:5%;bottom:20px;overflow:hidden;overflow-y:auto;display: block">
				</div>
				<div id="projectListPanel4Table" style="position:absolute;top:80px;left:160px;right:5%;bottom:20px;overflow:hidden;overflow-y:auto;display: none">
					<table class="layui-hide" id="test" lay-filter="test"></table>
				
				</div>
			</div>
			<div id="leftPanel" style="position:absolute;top:57px;left:27px;width:54px;bottom:0px;">
				<!-- <div id="btnCreateProject" class="btn_icon">
					<img style="position:absolute;top:13px;left:13px;width:28px;height:28px;" src="../images/menu_project.png"></img>
				</div> -->
				<div id="btnDisplayHelp" class="btn_icon_cancel" style="top:80px;">
					<img style="position:absolute;top:13px;left:13px;width:28px;height:28px;" src="../images/menu_help.png"></img>
				</div>
				<div id="btnGoHome" class="btn_return" style="top:168px;left:8px;display:none"></div>
			</div>
		</div>
		<div id="wizardMask" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000000;filter:alpha(Opacity=60);opacity:0.6;overflow: hidden;display:none;"></div>
		<div id="wizardPanel1" style="position:absolute;top:25%;left:30%;width:600px;height:500px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
				<div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">工程向导</div>
				<div style="position:absolute;top:20px;right:35px;width:230px;height:1px;border-bottom:1px dashed #999999"></div>
				<div style="position:absolute;top:14px;right:95px;width:16px;height:16px;background:url(../images/wizard_proces_normal.png) no-repeat;"></div>
				<div style="position:absolute;top:14px;right:200px;width:16px;height:16px;background:url(../images/wizard_proces_current.png) no-repeat;"></div>
				<div style="position:absolute;top:30px;right:168px;width:84px;height:16px;font-size:14px;color:#666666;">功能模块选择</div>
				<div style="position:absolute;top:30px;right:75px;width:56px;height:16px;font-size:14px;color:#999999;">基本信息</div>
			</div>
			<div style="position:absolute;top:57px;left:15px;width:570px;height:135px;">
				<div id="btnArrowLeft" class="gopt_left_arrow"></div>
				<div id="btnOuterPanel" style="position:absolute;top:7px;left:50px;right:50px;bottom:6px;overflow:hidden;">
					<div id="btnInnerPanel" class="gopt_box_panel"></div>
				</div>
				<div id="btnArrowRight" class="gopt_right_arrow"></div>
			</div>
			<div style="position:absolute;top:192px;left:15px;right:15px;bottom:80px;background:#f6f8ff;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;">
				<div style="position:absolute;top:20px;left:20px;width:200px;bottom:20px;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;">
					<img id="imgModelDemo" style="position:absolute;top:0px;left:0px;width:200px;height:145px;" src="../images/model31.png"/>
				</div>
				<div style="position:absolute;top:20px;left:240px;width:1px;bottom:20px;border-left:1px dashed #999999;"></div>
				<div style="position:absolute;top:20px;left:260px;right:20px;bottom:20px;overflow:hidden;overflow-y:auto;display:inline-block;">
					<div id="txtModelTitle" style="width:100%;height:24px;font-weight:bold;">调度运行模拟</div>
					<div id="txtModelHead" style="width:100%;font-size:14px;">主要解决新能源精细化生产运行模拟的问题，包括电力平衡，电量平衡，调峰平衡，切负荷</div>
					<div style="width:100%;height:28px;line-height:28px;font-weight:bold;">特性：</div>
					<div id="txtModelTrait" style="width:100%;font-size:14px;">主要解决新能源精细化生产运行模拟的问题，包括电力平衡，电量平衡，调峰平衡</div>
				</div>
			</div>
			<div id="btnCancel" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
			<div id="btnNextStep" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">下一步</div>
		</div>
		<div id="wizardPanel2" style="position:absolute;top:25%;left:30%;width:600px;height:500px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
				<div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">工程向导</div>
				<!-- <div style="position:absolute;top:20px;right:35px;width:230px;height:1px;border-bottom:1px dashed #999999"></div>
				<div style="position:absolute;top:14px;right:95px;width:16px;height:16px;background:url(../images/wizard_proces_current.png) no-repeat;"></div>
				<div style="position:absolute;top:14px;right:200px;width:16px;height:16px;background:url(../images/wizard_proces_normal.png) no-repeat;"></div>
				<div style="position:absolute;top:30px;right:168px;width:84px;height:16px;font-size:14px;color:#999999;">功能模块选择</div>
				<div style="position:absolute;top:30px;right:75px;width:56px;height:16px;font-size:14px;color:#666666;">基本信息</div> -->
			</div>
			<!-- 新建工程公用 -->
			<div style="position:absolute;top:105px;left:20px;right:20px;bottom:120px;">
				<div style="position:absolute;top:0px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>工程名</div>
				<div id="inProjectName" class="gopt_edit gopt_corner"
					style="position: absolute; top: 0px; left: 140px; width: 350px;">
					<input class="gopt_edit_input" type="text" style="width: 324px;" />
					<div class="gopt_edit_tip" style="width: 324px;">请输入工程名</div>
				</div>
				<div style="position:absolute;top:68px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">工程描述</div>
				<div id="inProjectDemo" class="gopt_edit gopt_corner" style="position:absolute;top:68px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;">请描述（选填）</div>
				</div>
				<div style="position:absolute;top:136px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>方案名</div>
				<div id="inPlanName" class="gopt_edit gopt_corner" style="position:absolute;top:136px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;">请输入方案名</div>
				</div>
				<div style="position:absolute;top:204px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">方案描述</div>
				<div id="inPlanDemo" class="gopt_edit gopt_corner" style="position:absolute;top:204px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;">请描述（选填）</div>
				</div>
				<div style="position:absolute;top:272px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">典型方案</div>
				<div id="inModelPlan" class="gopt_select_edit gopt_select_corner" style="position:absolute;top:272px;left:140px;width:350px;">
					<select id="modelProjectDemo" class="selectpicker" data-style="gopt_select" data-width="335px" data-size="5"></select>
				</div>
				
			</div>
			<div id="btnPrevStep" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
			<div id="btnFinish" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">完成</div>
		</div>
		
		<div id="wizardPaneledit" style="position:absolute;top:25%;left:30%;width:600px;height:350px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
				<div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">修改工程</div>
			 
			</div>
			<div style="position:absolute;top:105px;left:20px;right:20px;bottom:120px;">
				<div style="position:absolute;top:0px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>工程名</div>
				<div id="inProjectNameEdit" class="gopt_edit gopt_corner"
					style="position: absolute; top: 0px; left: 140px; width: 350px;">
					<input class="gopt_edit_input" type="text" style="width: 324px;" />
					<div class="gopt_edit_tip" style="width: 324px;" ></div>
				</div>
				<div style="position:absolute;top:68px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">工程描述</div>
				<div id="inProjectDemoEdit" class="gopt_edit gopt_corner" style="position:absolute;top:68px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;"></div>
				</div>
				 
				
			</div>
			<div id="btnEditStep" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
			<div id="btnEditFinish" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">完成</div>
		</div>
		<div id="progressDiv" class="ui-widget-content" style="position:absolute;top:10%;left:30%;width:510px;height:520px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:60px;">
				<div style="position:absolute;top:0px;left:28px;width:120px;height:60px;line-height:60px;">计算进程</div>
				<div id="progressClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
			</div>
			<div style="position: absolute;top: 50px;left:20px;width:450px;bottom:20px">
				<div id="progressState" style="position: absolute;top: 20px;left: 10px;right: 10px;"></div>
				<div style="position: absolute;top: 90px;left: 20px;right: 10px;">
					<div class="progress">
					  <div id="progressStrip" class="progress-bar progress-bar-striped progress-bar-info active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
					    <span></span>
					  </div>
					</div>
				</div>
				<div id="progressText" style="position: absolute;top: 130px;left: 20px;right: 10px;bottom: 0px;color: white;background: black;overflow-x: hidden;padding: 10px;"></div>
			</div>
		</div>
		<div id="menu" style="position:absolute;top:0px;left:0px;width:80px;height:70px;background:#202023;display:none;">
			<div class="gopt_sub_menu" style="top:0px;left:0px;" onclick="onMenuClick(1)">个人</div>
			<div class="gopt_sub_menu" style="top:35px;left:0px;" onclick="onMenuClick(2)">分享</div>
		</div>
		<div id="progressList" class="ui-widget-content" style="position:absolute;top: 3%;left: 5%;width: 1200px;height: 600px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 11;display:none;">
			<div class="layui-elem-field layui-field-title" style="margin-top: 10px;">
				<div>进程管理</div>
	  			<div id="progressListClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
			</div>
			
			<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 5px;">
			  <ul class="layui-tab-title">
			    <li class="layui-this">实时进程</li>
			    <li>历史进程</li>
			    <!-- <li>计算设置</li> -->
			  </ul>
			  <div class="layui-tab-content" style="height: 100px;">
			    <div class="layui-tab-item layui-show">
				    <div class="layui-form-item">
					    <div class="layui-input-inline">
					      <input type="text"  id='L_modelName' name="L_modelName" lay-verify="required" placeholder="模块名称" autocomplete="off" class="layui-input">
					    </div>
					    <div class="layui-input-inline">
					      <input type="text" id='L_projectName' name="L_projectName" lay-verify="required" placeholder="工程名称" autocomplete="off" class="layui-input">
					    </div>
					    <div class="layui-input-inline">
					      <input type="text" id='L_planName' name="L_planName" lay-verify="required" placeholder="方案名称" autocomplete="off" class="layui-input">
					    </div>
					     <button id='listquery' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">查询</button>
					     <button id='listclear' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">重置</button>
					  </div>
					<table class="layui-hide" id="test2" lay-filter="test2"></table>
					<div id="backstageText" style="color: white;background: black;overflow-x: hidden;padding: 10px;height: 200px;width: 100%;"></div>
				</div>
			    <div class="layui-tab-item">
			    	<div class="layui-form-item">
					    <div class="layui-input-inline">
					      <input type="text"  id='H_modelName' name="H_modelName" lay-verify="required" placeholder="模块名称" autocomplete="off" class="layui-input">
					    </div>
					    <div class="layui-input-inline">
					      <input type="text" id='H_projectName' name="H_projectName" lay-verify="required" placeholder="工程名称" autocomplete="off" class="layui-input">
					    </div>
					    <div class="layui-input-inline">
					      <input type="text" id='H_planName' name="H_planName" lay-verify="required" placeholder="方案名称" autocomplete="off" class="layui-input">
					    </div>
					     <button id='listqueryH' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">查询</button>
					     <button id='listclearH' type="button" class="layui-btn"style="background-color: #557DFF;width: 90px;">重置</button>
					  </div>
			    		<table class="layui-hide" id="test1" lay-filter="test1"></table>
			    </div>
			    <!-- <div class="layui-tab-item"></div> -->
			  </div>
			</div>
		</div>
	</div>
	<script src="../layui/layui.js"></script>
</body>
</html>